<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://wm.py.org/tags" prefix="wm" %>
<!doctype html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="<c:url value='/res/learners.css' />" />		
        <link rel="stylesheet" type="text/css" href="<c:url value='/res/ref.css' />" />
        <script src='http://code.jquery.com/jquery-1.10.2.min.js'></script>
        <style type='text/css'>
            /* 
             * forces vertical scrollbar to prevent "centering jumps" 
             * with overflow-y: scroll.
             * http://css-tricks.com/snippets/css/force-vertical-scrollbar/
             */
            html {height: 100%; margin:0px}
            body {
                margin:0px;
                padding:0px;
                overflow-y: scroll;
                height: 100%;
                background-color:white;
                font-family: "Verdana", "Geneva", sans-serif;
                font-size:12px;
            }

            .table {display:table; width:100%; height:100%;}
            .row {display:table-row;}
            .cell {display:table-cell;}

            div#menu a {
                font-size: 1rem;
                display: inline-block;
                margin: 65px 30px 0px 0px;
                color: white;
                text-decoration: none;
            }

            div#menu a:hover {
                text-decoration: underline;
            }
        </style>
    </head>
    <body class="table">
        <div class="row" id="menu" style="height:100px; 
                                          background-color:rgb(20,84,183); 
                                          background-image: url('/imgs/windmillx.png'); 
                                          background-repeat: no-repeat; 
                                          text-align: right;" >
            <a href="/dict/">Dictionary</a>
            <a href="/reading/">Reading</a>
        </div>
        <div class="row" ng-app >
            <wm:tile name="page" /> 
        </div>
        <div class="row" style="height:30px; background-color:rgb(20,84,183)" >&nbsp;</div>

        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.js"></script>
    </body>
</html>
